import React from 'react';

type CellProps = {
    children?: React.ReactNode,
    width?: string,
    height?: string,
    bgColor?: string,
    padding?: string,
    margin?: string,
    border?: boolean,
    borderRadius?: string,
    boxShadow?: string,
    textAlign?: string,
    verticalAlign?: string,
    direction?: string,
    justify?: string,
    gap?: string,
    display?: string,
    style?: React.CSSProperties;
    className?: string;
};

const Cell = ({ className, margin, style, border = true, direction = "col", children, display = "flex" }: CellProps) => {
    return (
        <div style={style} className={`${className} ${display} flex-${direction} flex-wrap ${border && "border-gray-200 border-1"} ${margin} bg-[#ffffff] rounded-md`}>
            {children}
        </div>
    );
};

export default Cell;
